/*Style div container*/
.gems-table {
    overflow-y: scroll; /* Show vertical scrollbar */
    overflow-x: scroll; /* Show horizontal scrollbar */
}

.table-sortable {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    font-size: 14px;
    /*width: 100%;*/
}

    .table-sortable td, .table-sortable th {
        border: 1px solid #ddd;
        /*padding: 8px;*/
    }

    /*.table-sortable tr:nth-child(even) {
        background-color: #404040;
        color: gainsboro;
    }

    .table-sortable tr:nth-child(odd) {
        background-color: #4A4A4A;
        color: gainsboro;
    }*/

    .table-sortable tr:hover {
        /*background-color: #ddd;*/
        background-color: lightblue;
        color: black;
    }

    .table-sortable th {
        /*padding-top: 12px;
        padding-bottom: 12px;*/
        text-align: left;
        background-color: darkgreen;
        color: white;
        cursor: pointer;
    }

    .table-sortable tr {
        background-color: #2B2B2B;
        color: gainsboro;
    }

    /*.table-sortable .selected {*/
    /*background-color: #ddd;*/
    /*background-color: darkred;
        color: black;
    }*/

    .table-sortable .th-sort-asc::after {
        content: '\25b4';
        /*content: '\25B2';*/
    }

    .table-sortable .th-sort-desc::after {
        content: '\25be';
        /*content: '\25BC';*/
    }

    .table-sortable .th-sort-asc::after,
    .table-sortable .th-sort-desc::after {
        /*margin-left: 10px;*/
        width: auto;
        margin: auto;
        float: right;
    }

    .table-sortable .th-sort-asc,
    .table-sortable .th-sort-desc {
        /*background: rgba(0, 0, 0, 0.1);*/
        background-color: darkgreen;
    }

.table-cb {
    width: 20px;
}

/*.table-sortable tbody {
        overflow-y: auto;*/ /* Trigger vertical scroll    */
/*overflow-x: hidden;*/ /* Hide the horizontal scroll */
/*}*/